<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>我的订单</title>
    <meta name="title" content="玮兰商城 首页">
    <meta name="keywords" content="玮兰商城">
    <meta name="desciption" content="玮兰商城……">
    <meta name="author" content="loushengyue，张杰华，李政达，宋雪梅，张建宇">
    <link rel="shortcut icon" href="../img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/order.css">
</head>
<body>
<header class="header subNav">
    <div class="retreat">
        <i class="iconfont icon-guanbi"></i>
    </div>
    <div class="title">
        <h1>我的订单</h1>
    </div>
    <div class="search">
        <i class="iconfont icon-msnui-find-bold"></i>
    </div>
</header>
<div class="top"></div>
<div class="main">
    <ul class="ord-nav">
        <li><a href="javascript:;" class="on">全部订单</a></li>
        <li><a href="javascript:;">待付款</a></li>
        <li><a href="javascript:;">待收款</a></li>
        <li><a href="javascript:;">待发货</a></li>
    </ul>
    <ul class="ord-list">
        <li>
            <div class="tit"><span>待收货</span></div>
            <a href="javascript:;"><img src="../img/pro_list1.jpg" alt="玮兰商城"></a>
            <a href="javascript:;"><h3>星点棕榈环保偏硬棕垫1.8m双人1.5米可定制床垫</h3></a>
            <p>颜色：蓝白</p>
            <div>
                <p><b>￥899</b><em>￥1899</em></p>
                <p><i>共1件商品</i><i>合计：</i><b>￥899</b></p>
            </div>
            <span>退款</span>
        </li>
        <li>
            <div class="tit"><span>待付款</span></div>
            <a href="javascript:;"><img src="../img/pro_list2.jpg" alt="玮兰商城"></a>
            <a href="javascript:;"><h3>芯竹棕榈环保偏硬棕垫1.8m双人1.5米可定制床垫</h3></a>
            <p>颜色：青白</p>
            <div>
                <p><b>￥899</b><em>￥1899</em></p>
                <p><i>共1件商品</i><i>合计：</i><b>￥899</b></p>
            </div>
            <span>退款</span>
        </li>
        <li>
            <div class="tit"><span>已取消</span></div>
            <a href="javascript:;"><img src="../img/pro_list3.jpg" alt="玮兰商城"></a>
            <a href="javascript:;"><h3>诗语棕榈环保偏硬棕垫1.8m双人1.5米可定制床垫</h3></a>
            <p>颜色：米黄</p>
            <div>
                <p><b>￥899</b><em>￥1899</em></p>
                <p><i>共1件商品</i><i>合计：</i><b>￥899</b></p>
            </div>
            <span>退款</span>
        </li>
    </ul>
</div>
<footer class="footer">
    <ul class="btn">
        <li>
            <a href="../index.html">
                <img src="../img/index-g.png">
                <p>主页</p>
            </a>
        </li>
        <li>
            <a href="./proCategories.html">
                <img src="../img/class.png">
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="./order.html"  class="on">
                <img src="../img/order-w.png">
                <p>订单</p>
            </a>
        </li>
        <li>
            <a href="./user.html">
                <img src="../img/user.png">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/storages.js"></script>
<script src="../lib/resetRem.js"></script>
<script src="../js/public.js"></script>
<script src="../js/order.js"></script>
</body>
</html>